<template>
  <div>
    <h2>Home</h2>
    <input type="text" v-model="store.username">
    {{ store.username }}

    <hr>

    <input type="checkbox" value="html" v-model="store.hobby"> HTML
    <input type="checkbox" value="css" v-model="store.hobby"> CSS
    <input type="checkbox" value="js" v-model="store.hobby"> JS
    {{ store.hobby }}

    <button @click="store.$reset()">重置</button>

  </div>
</template>

<script setup>
import { computed, ref } from 'vue';
import { useFormsStore } from '../store.js'
const store = useFormsStore();


</script>